<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
	    <meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	    <meta name="description" content="">
	    <meta name="author" content="">
	    <meta name="keyword" content="">
	    <link rel="shortcut icon" href="img/favicon.png">	
	    <title></title>	
	    <!-- Icons -->
	    <link href="${pageContext.request.contextPath}/uicore/css/font-awesome.min.css" rel="stylesheet">
	    <link href="${pageContext.request.contextPath}/uicore/css/simple-line-icons.css" rel="stylesheet">	
	    <!-- Main styles for this application -->
	    <link href="${pageContext.request.contextPath}/uicore/css/style.css" rel="stylesheet">	
	</head>

	<body class="app header-fixed sidebar-fixed aside-menu-fixed aside-menu-hidden">
	    <header class="app-header navbar">
	        <button class="navbar-toggler mobile-sidebar-toggler hidden-lg-up" type="button">☰</button>
	        <a class="navbar-brand" href="#"></a>
	        <ul class="nav navbar-nav hidden-md-down">
	            <li class="nav-item">
	                <a class="nav-link navbar-toggler sidebar-toggler" href="#">☰</a>
	            </li>
	
	            <li class="nav-item px-1">
	                <a class="nav-link" href="#">Dashboard</a>
	            </li>
	            <li class="nav-item px-1">
	                <a class="nav-link" href="#">Users</a>
	            </li>
	            <li class="nav-item px-1">
	                <a class="nav-link" href="#">Settings</a>
	            </li>
	        </ul>
	        <ul class="nav navbar-nav ml-auto">
	            <li class="nav-item hidden-md-down">
	                <a class="nav-link" href="#"><i class="icon-bell"></i><span class="badge badge-pill badge-danger">5</span></a>
	            </li>
	            <li class="nav-item hidden-md-down">
	                <a class="nav-link" href="#"><i class="icon-list"></i></a>
	            </li>
	            <li class="nav-item hidden-md-down">
	                <a class="nav-link" href="#"><i class="icon-location-pin"></i></a>
	            </li>
	            <li class="nav-item dropdown">
	                <a class="nav-link dropdown-toggle nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
	                    <img src="${pageContext.request.contextPath}/uicore/img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                    <span class="hidden-md-down">admin</span>
	                </a>
	                <div class="dropdown-menu dropdown-menu-right">
	
	                    <div class="dropdown-header text-center">
	                        <strong>Account</strong>
	                    </div>
	
	                    <a class="dropdown-item" href="#"><i class="fa fa-bell-o"></i> Updates<span class="badge badge-info">42</span></a>
	                    <a class="dropdown-item" href="#"><i class="fa fa-envelope-o"></i> Messages<span class="badge badge-success">42</span></a>
	                    <a class="dropdown-item" href="#"><i class="fa fa-tasks"></i> Tasks<span class="badge badge-danger">42</span></a>
	                    <a class="dropdown-item" href="#"><i class="fa fa-comments"></i> Comments<span class="badge badge-warning">42</span></a>
	
	                    <div class="dropdown-header text-center">
	                        <strong>Settings</strong>
	                    </div>
	
	                    <a class="dropdown-item" href="#"><i class="fa fa-user"></i> Profile</a>
	                    <a class="dropdown-item" href="#"><i class="fa fa-wrench"></i> Settings</a>
	                    <a class="dropdown-item" href="#"><i class="fa fa-usd"></i> Payments<span class="badge badge-default">42</span></a>
	                    <a class="dropdown-item" href="#"><i class="fa fa-file"></i> Projects<span class="badge badge-primary">42</span></a>
	                    <div class="divider"></div>
	                    <a class="dropdown-item" href="#"><i class="fa fa-shield"></i> Lock Account</a>
	                    <a class="dropdown-item" href="#"><i class="fa fa-lock"></i> Logout</a>
	                </div>
	            </li>
	            <li class="nav-item hidden-md-down">
	                <a class="nav-link navbar-toggler aside-menu-toggler" href="#">☰</a>
	            </li>
	
	        </ul>
	    </header>	
	    <div class="app-body">
	        <div class="sidebar">
	            <nav class="sidebar-nav">
	                <ul class="nav">
	                    <li class="nav-item">
	                        <a class="nav-link" href="index.html"><i class="icon-speedometer"></i> Dashboard <span class="badge badge-info">NEW</span></a>
	                    </li>	
	                    <li class="nav-title">
	                        UI Elements
	                    </li>
	                    <li class="nav-item nav-dropdown">
	                        <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-puzzle"></i> Components</a>
	                        <ul class="nav-dropdown-items">
	                            <li class="nav-item">
	                                <a class="nav-link" href="components-buttons.html"><i class="icon-puzzle"></i> Buttons</a>
	                            </li>
	                            <li class="nav-item">
	                                <a class="nav-link" href="components-social-buttons.html"><i class="icon-puzzle"></i> Social Buttons</a>
	                            </li>
	                            <li class="nav-item">
	                                <a class="nav-link" href="components-cards.html"><i class="icon-puzzle"></i> Cards</a>
	                            </li>
	                            <li class="nav-item">
	                                <a class="nav-link" href="components-forms.html"><i class="icon-puzzle"></i> Forms</a>
	                            </li>
	                            <li class="nav-item">
	                                <a class="nav-link" href="components-modals.html"><i class="icon-puzzle"></i> Modals</a>
	                            </li>
	                            <li class="nav-item">
	                                <a class="nav-link" href="components-switches.html"><i class="icon-puzzle"></i> Switches</a>
	                            </li>
	                            <li class="nav-item">
	                                <a class="nav-link" href="components-tables.html"><i class="icon-puzzle"></i> Tables</a>
	                            </li>
	                            <li class="nav-item">
	                                <a class="nav-link" href="components-tabs.html"><i class="icon-puzzle"></i> Tabs</a>
	                            </li>
	                        </ul>
	                    </li>
	                    <li class="nav-item nav-dropdown">
	                        <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-star"></i> Icons</a>
	                        <ul class="nav-dropdown-items">
	                            <li class="nav-item">
	                                <a class="nav-link" href="icons-font-awesome.html"><i class="icon-star"></i> Font Awesome</a>
	                            </li>
	                            <li class="nav-item">
	                                <a class="nav-link" href="icons-simple-line-icons.html"><i class="icon-star"></i> Simple Line Icons</a>
	                            </li>
	                        </ul>
	                    </li>
	                    <li class="nav-item">
	                        <a class="nav-link" href="widgets.html"><i class="icon-calculator"></i> Widgets <span class="badge badge-info">NEW</span></a>
	                    </li>
	                    <li class="nav-item">
	                        <a class="nav-link" href="charts.html"><i class="icon-pie-chart"></i> Charts</a>
	                    </li>
	                    <li class="divider"></li>
	                    <li class="nav-title">
	                        Extras
	                    </li>
	                    <li class="nav-item nav-dropdown">
	                        <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-star"></i> Pages</a>
	                        <ul class="nav-dropdown-items">
	                            <li class="nav-item">
	                                <a class="nav-link" href="pages-login.html" target="_top"><i class="icon-star"></i> Login</a>
	                            </li>
	                            <li class="nav-item">
	                                <a class="nav-link" href="pages-register.html" target="_top"><i class="icon-star"></i> Register</a>
	                            </li>
	                            <li class="nav-item">
	                                <a class="nav-link" href="pages-404.html" target="_top"><i class="icon-star"></i> Error 404</a>
	                            </li>
	                            <li class="nav-item">
	                                <a class="nav-link" href="pages-500.html" target="_top"><i class="icon-star"></i> Error 500</a>
	                            </li>
	                        </ul>
	                    </li>					
						<!-- user defined Started -->
	                    <li class="nav-item nav-dropdown">
	                        <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-puzzle"></i> 系统管理 </a>
	                        <ul class="nav-dropdown-items">
	                            <li class="nav-item">
	                                <a class="nav-link" href="coreUser.jsp"><i class="icon-puzzle"></i> 人员管理 </a>
	                            </li>
	                            <li class="nav-item">
	                                <a class="nav-link" href="components-social-buttons.html"><i class="icon-puzzle"></i> Social Buttons</a>
	                            </li>
	                        </ul>
	                    </li>
						<!-- user defined end -->						
	                </ul>
	            </nav>
	        </div>
	
	        <!-- Main content -->
	        <main class="main">	
	            <!-- Breadcrumb -->
	            <ol class="breadcrumb">
	                <li class="breadcrumb-item">Home</li>
	                <li class="breadcrumb-item"><a href="#">Admin</a>
	                </li>
	                <li class="breadcrumb-item active">Dashboard</li>	
	                <!-- Breadcrumb Menu-->
	                <li class="breadcrumb-menu hidden-md-down">
	                    <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
	                        <a class="btn btn-secondary" href="#"><i class="icon-speech"></i></a>
	                        <a class="btn btn-secondary" href="./"><i class="icon-graph"></i> &nbsp;Dashboard</a>
	                        <a class="btn btn-secondary" href="#"><i class="icon-settings"></i> &nbsp;Settings</a>
	                    </div>
	                </li>
	            </ol>	
	            <div class="container-fluid">
	                <div class="animated fadeIn">	                
	                    <div class="row">
	                    	<!-- user search qualification -->
	                    	<div class="col-lg-12">
	                    		 <div class="card">
	                    		 	<div class="card-header">
	                                    <i class="fa fa-align-justify"></i> 组织修改
	                                </div>
	                                <div class="card-block">	                                
	                                    <form action="" id="orgEditForm" method="post" class="form-horizontal ">
		                                	<div class="form-group row">
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">集团</span>
			                                        <select class="form-control col-md-11" id="orgGroupCompany" name="orgGroupCompany" onchange="">
		                                                <option>1</option>
		                                                <option>2</option>
		                                                <option>3</option>
		                                            </select>
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">名称</span>
			                                        <input type="text" id="orgGroupCompanyName" name="orgGroupCompanyName" class="form-control" placeholder="">
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">标识</span>
			                                        <input type="text" id="groupCompanyId" name="orgGroupCompanyId" class="form-control" readonly="readonly" placeholder="123">
			                                	</div>
		                                	</div>
		                                	<div class="form-group row">
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">单位</span>
			                                        <select class="form-control col-md-11" id="orgCompanySelect" name="orgCompanySelect" onchange="selectOrgCompany()">
		                                                <option>1</option>
		                                                <option>2</option>
		                                                <option>3</option>
		                                            </select>
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">名称</span>
			                                        <input type="text" id="orgCompany" name="orgCompany" class="form-control" placeholder="">
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">标识</span>
			                                        <input type="text" id="orgCompanyId" name="orgCompanyId" class="form-control" readonly="readonly" placeholder="">
			                                	</div>
		                                	</div>
		                                	<div class="form-group row">
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">部门</span>
			                                        <select class="form-control col-md-11" id="orgDepartmentSelect" name="orgDepartmentSelect" onchange="selectOrgDepartment()">
		                                                <option>1</option>
		                                                <option>2</option>
		                                                <option>3</option>
		                                            </select>
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">名称</span>
		                                            <input type="text" id="orgDepartment" name="orgDepartment" class="form-control" placeholder="">
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">标识</span>
		                                            <input type="text" id="orgDepartmentId" name="orgDepartmentId" class="form-control" readonly="readonly" placeholder="">
			                                	</div>
		                                	</div>
		                                	<div class="form-group row">
			                                	<div class="input-group col-md-4">
		                                        	<span class="input-group-addon">科室</span>
			                                        <select class="form-control col-md-11" id="orgOfficeSelect" name="orgOfficeSelect" onchange="selectOrgOffice()">
		                                                <option>1</option>
		                                                <option>2</option>
		                                                <option>3</option>
		                                            </select>
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">名称</span>
		                                            <input type="text" id="orgOffice" name="orgOffice" class="form-control" placeholder="">
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">标识</span>
		                                            <input type="text" id="orgOfficeId" name="orgOfficeId" class="form-control" readonly="readonly" placeholder="">
			                                	</div>
		                                	</div>
		                                	<div class="form-group row">
			                                	<div class="input-group col-md-4">
		                                        	<span class="input-group-addon">群组</span>
			                                        <select class="form-control col-md-11" id="orgGroupSelect" name="orgGroupSelect" onchange="selectOrgGroup()">
		                                                <option>1</option>
		                                                <option>2</option>
		                                                <option>3</option>
		                                            </select>
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">名称</span>
		                                            	<input type="text" id="orgGroup" name="orgGroup" class="form-control" placeholder="">
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">标识</span>
		                                            <input type="text" id="orgGroupId" name="orgGroupId" class="form-control" readonly="readonly" placeholder="">
			                                	</div>
		                                	</div>
		                                	<div class="form-group row">
			                                	<div class="input-group col-md-4">
		                                        	<span class="input-group-addon">子组</span>
			                                        <select class="form-control col-md-11" id="orgClassSelect" name="orgClassSelect" onclick="">
		                                                <option>1</option>
		                                                <option>2</option>
		                                                <option>3</option>
		                                            </select>
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">名称</span>
		                                            <input type="text" id="orgClass" name="orgClass" class="form-control" placeholder=" 座机 ">
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">标识</span>
		                                            <input type="text" id="orgClassId" name="orgClass" class="form-control" readonly="readonly" placeholder="">
			                                	</div>
		                                	</div> 
		                                	<!--<div class="form-group row">
			                                	<div class="input-group col-md-4">
		                                        	<span class="input-group-addon">子组</span>
			                                        <select class="form-control col-md-11" id="subClassName">
		                                                <option>1</option>
		                                                <option>2</option>
		                                                <option>3</option>
		                                            </select>
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">名称</span>
		                                            <input type="text" id="subClassName" name="subClassName" class="form-control" placeholder="座机 ">
			                                	</div>
			                                	<div class="input-group col-md-4">
	                                                <span class="input-group-addon">标识</span>
		                                            <input type="text" id="subClassId" name="subClassId" class="form-control" placeholder=" 座机 ">
			                                	</div>
		                                	</div> -->
		                                	<div class="form-group row">
		                                		<div class="form-control">
		                                			<button type="button" id="userRegiesterSubmit" class="am-btn am-btn-primary btn-loading-example" data-am-loading="{spinner: 'circle-o-notch', loadingText: '提交中...', resetText: '已提交'}" onclick="organizationAdding()">提交</button>
		                                		</div>
		                                	</div>
	                                	</form>
	                                </div>
	                    		 </div>
	                    	</div>	                        
	                    </div>
	                </div>
	            </div>
	            <!-- /.conainer-fluid -->
	        </main>
	        <!--Main Right Tab panes Start -->
	        <aside class="aside-menu">
	            <ul class="nav nav-tabs" role="tablist">
	                <li class="nav-item">
	                    <a class="nav-link active" data-toggle="tab" href="#timeline" role="tab"><i class="icon-list"></i></a>
	                </li>
	                <li class="nav-item">
	                    <a class="nav-link" data-toggle="tab" href="#messages" role="tab"><i class="icon-speech"></i></a>
	                </li>
	                <li class="nav-item">
	                    <a class="nav-link" data-toggle="tab" href="#settings" role="tab"><i class="icon-settings"></i></a>
	                </li>
	            </ul>	
	            <div class="tab-content">
	                <div class="tab-pane active" id="timeline" role="tabpanel">
	                    <div class="callout m-0 py-h text-muted text-center bg-faded text-uppercase">
	                        <small><b>Today</b>
	                        </small>
	                    </div>
	                    <hr class="transparent mx-1 my-0">
	                    <div class="callout callout-warning m-0 py-1">
	                        <div class="avatar float-right">
	                            <img src="${pageContext.request.contextPath}/uicore/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                        </div>
	                        <div>Meeting with
	                            <strong>Lucas</strong>
	                        </div>
	                        <small class="text-muted mr-1"><i class="icon-calendar"></i>&nbsp; 1 - 3pm</small>
	                        <small class="text-muted"><i class="icon-location-pin"></i>&nbsp; Palo Alto, CA</small>
	                    </div>
	                    <hr class="mx-1 my-0">
	                    <div class="callout callout-info m-0 py-1">
	                        <div class="avatar float-right">
	                            <img src="${pageContext.request.contextPath}/uicore/img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                        </div>
	                        <div>Skype with
	                            <strong>Megan</strong>
	                        </div>
	                        <small class="text-muted mr-1"><i class="icon-calendar"></i>&nbsp; 4 - 5pm</small>
	                        <small class="text-muted"><i class="icon-social-skype"></i>&nbsp; On-line</small>
	                    </div>
	                    <hr class="transparent mx-1 my-0">
	                    <div class="callout m-0 py-h text-muted text-center bg-faded text-uppercase">
	                        <small><b>Tomorrow</b>
	                        </small>
	                    </div>
	                    <hr class="transparent mx-1 my-0">
	                    <div class="callout callout-danger m-0 py-1">
	                        <div>New UI Project -
	                            <strong>deadline</strong>
	                        </div>
	                        <small class="text-muted mr-1"><i class="icon-calendar"></i>&nbsp; 10 - 11pm</small>
	                        <small class="text-muted"><i class="icon-home"></i>&nbsp; creativeLabs HQ</small>
	                        <div class="avatars-stack mt-h">
	                            <div class="avatar avatar-xs">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/2.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                            </div>
	                            <div class="avatar avatar-xs">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/3.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                            </div>
	                            <div class="avatar avatar-xs">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                            </div>
	                            <div class="avatar avatar-xs">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/5.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                            </div>
	                            <div class="avatar avatar-xs">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                            </div>
	                        </div>
	                    </div>
	                    <hr class="mx-1 my-0">
	                    <div class="callout callout-success m-0 py-1">
	                        <div>
	                            <strong>#10 Startups.Garden</strong>Meetup</div>
	                        <small class="text-muted mr-1"><i class="icon-calendar"></i>&nbsp; 1 - 3pm</small>
	                        <small class="text-muted"><i class="icon-location-pin"></i>&nbsp; Palo Alto, CA</small>
	                    </div>
	                    <hr class="mx-1 my-0">
	                    <div class="callout callout-primary m-0 py-1">
	                        <div>
	                            <strong>Team meeting</strong>
	                        </div>
	                        <small class="text-muted mr-1"><i class="icon-calendar"></i>&nbsp; 4 - 6pm</small>
	                        <small class="text-muted"><i class="icon-home"></i>&nbsp; creativeLabs HQ</small>
	                        <div class="avatars-stack mt-h">
	                            <div class="avatar avatar-xs">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/2.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                            </div>
	                            <div class="avatar avatar-xs">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/3.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                            </div>
	                            <div class="avatar avatar-xs">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                            </div>
	                            <div class="avatar avatar-xs">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/5.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                            </div>
	                            <div class="avatar avatar-xs">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                            </div>
	                            <div class="avatar avatar-xs">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                            </div>
	                            <div class="avatar avatar-xs">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/8.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                            </div>
	                        </div>
	                    </div>
	                    <hr class="mx-1 my-0">
	                </div>
	                <div class="tab-pane p-1" id="messages" role="tabpanel">
	                    <div class="message">
	                        <div class="py-1 pb-3 mr-1 float-left">
	                            <div class="avatar">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                                <span class="avatar-status badge-success"></span>
	                            </div>
	                        </div>
	                        <div>
	                            <small class="text-muted">Lukasz Holeczek</small>
	                            <small class="text-muted float-right mt-q">1:52 PM</small>
	                        </div>
	                        <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
	                        <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
	                    </div>
	                    <hr>
	                    <div class="message">
	                        <div class="py-1 pb-3 mr-1 float-left">
	                            <div class="avatar">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                                <span class="avatar-status badge-success"></span>
	                            </div>
	                        </div>
	                        <div>
	                            <small class="text-muted">Lukasz Holeczek</small>
	                            <small class="text-muted float-right mt-q">1:52 PM</small>
	                        </div>
	                        <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
	                        <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
	                    </div>
	                    <hr>
	                    <div class="message">
	                        <div class="py-1 pb-3 mr-1 float-left">
	                            <div class="avatar">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                                <span class="avatar-status badge-success"></span>
	                            </div>
	                        </div>
	                        <div>
	                            <small class="text-muted">Lukasz Holeczek</small>
	                            <small class="text-muted float-right mt-q">1:52 PM</small>
	                        </div>
	                        <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
	                        <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
	                    </div>
	                    <hr>
	                    <div class="message">
	                        <div class="py-1 pb-3 mr-1 float-left">
	                            <div class="avatar">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                                <span class="avatar-status badge-success"></span>
	                            </div>
	                        </div>
	                        <div>
	                            <small class="text-muted">Lukasz Holeczek</small>
	                            <small class="text-muted float-right mt-q">1:52 PM</small>
	                        </div>
	                        <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
	                        <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
	                    </div>
	                    <hr>
	                    <div class="message">
	                        <div class="py-1 pb-3 mr-1 float-left">
	                            <div class="avatar">
	                                <img src="${pageContext.request.contextPath}/uicore/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
	                                <span class="avatar-status badge-success"></span>
	                            </div>
	                        </div>
	                        <div>
	                            <small class="text-muted">Lukasz Holeczek</small>
	                            <small class="text-muted float-right mt-q">1:52 PM</small>
	                        </div>
	                        <div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
	                        <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
	                    </div>
	                </div>
	                <div class="tab-pane p-1" id="settings" role="tabpanel">
	                    <h6>Settings</h6>
	
	                    <div class="aside-options">
	                        <div class="clearfix mt-2">
	                            <small><b>Option 1</b>
	                            </small>
	                            <label class="switch switch-text switch-pill switch-success switch-sm float-right">
	                                <input type="checkbox" class="switch-input" checked="">
	                                <span class="switch-label" data-on="On" data-off="Off"></span>
	                                <span class="switch-handle"></span>
	                            </label>
	                        </div>
	                        <div>
	                            <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
	                        </div>
	                    </div>
	
	                    <div class="aside-options">
	                        <div class="clearfix mt-1">
	                            <small><b>Option 2</b>
	                            </small>
	                            <label class="switch switch-text switch-pill switch-success switch-sm float-right">
	                                <input type="checkbox" class="switch-input">
	                                <span class="switch-label" data-on="On" data-off="Off"></span>
	                                <span class="switch-handle"></span>
	                            </label>
	                        </div>
	                        <div>
	                            <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
	                        </div>
	                    </div>
	
	                    <div class="aside-options">
	                        <div class="clearfix mt-1">
	                            <small><b>Option 3</b>
	                            </small>
	                            <label class="switch switch-text switch-pill switch-success switch-sm float-right">
	                                <input type="checkbox" class="switch-input">
	                                <span class="switch-label" data-on="On" data-off="Off"></span>
	                                <span class="switch-handle"></span>
	                            </label>
	                        </div>
	                    </div>
	
	                    <div class="aside-options">
	                        <div class="clearfix mt-1">
	                            <small><b>Option 4</b>
	                            </small>
	                            <label class="switch switch-text switch-pill switch-success switch-sm float-right">
	                                <input type="checkbox" class="switch-input" checked="">
	                                <span class="switch-label" data-on="On" data-off="Off"></span>
	                                <span class="switch-handle"></span>
	                            </label>
	                        </div>
	                    </div>
	
	                    <hr>
	                    <h6>System Utilization</h6>	
	                    <div class="text-uppercase mb-q mt-2">
	                        <small><b>CPU Usage</b>
	                        </small>
	                    </div>
	                    <div class="progress progress-xs">
	                        <div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
	                    </div>
	                    <small class="text-muted">348 Processes. 1/4 Cores.</small>	
	                    <div class="text-uppercase mb-q mt-h">
	                        <small><b>Memory Usage</b>
	                        </small>
	                    </div>
	                    <div class="progress progress-xs">
	                        <div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
	                    </div>
	                    <small class="text-muted">11444GB/16384MB</small>	
	                    <div class="text-uppercase mb-q mt-h">
	                        <small><b>SSD 1 Usage</b>
	                        </small>
	                    </div>
	                    <div class="progress progress-xs">
	                        <div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
	                    </div>
	                    <small class="text-muted">243GB/256GB</small>	
	                    <div class="text-uppercase mb-q mt-h">
	                        <small><b>SSD 2 Usage</b>
	                        </small>
	                    </div>
	                    <div class="progress progress-xs">
	                        <div class="progress-bar bg-success" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
	                    </div>
	                    <small class="text-muted">25GB/256GB</small>
	                </div>
	            </div>
	            <!--Main Right Tab panes end -->
	        </aside>		
	    </div>		
	    <footer class="app-footer">
			Copyright &copy; 2017.Company TK All rights reserved.<a target="_blank" href="http://www.tkcompany.net/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>    
		</footer>
	    <!-- Bootstrap and necessary plugins -->
		<script src="${pageContext.request.contextPath}/uicore/assets/js/libs/jquery.min.js"></script>
		<script src="${pageContext.request.contextPath}/uicore/assets/js/libs/tether.min.js"></script>
		<script src="${pageContext.request.contextPath}/uicore/assets/js/libs/bootstrap.min.js"></script>
		<script src="${pageContext.request.contextPath}/uicore/assets/js/libs/pace.min.js"></script>
		<!-- Plugins and scripts required by all views -->
		<script src="${pageContext.request.contextPath}/uicore/assets/js/libs/Chart.min.js"></script>	
	    <!-- GenesisUI main scripts -->	
	    <script src="${pageContext.request.contextPath}/uicore/js/app.js"></script>		
	    <script >
	    	$(function(){
        		var itemid =  getUrlParam("ticketId");
        		if(itemid==null){
        			alert("未获取到人员账号");
        		}else{
        			initUserInfos(itemid);
        		}
			}); 
       		//获取url中的参数
	        function getUrlParam(name) {
	            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
	            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
	            if (r != null) return unescape(r[2]); return null; //返回参数值
	        };
	        //organization list 
	    	function initUserInfos(itemid){
	    		$.getJSON("${pageContext.request.contextPath}/people/getPeople.action",{userName:itemid},function(data){
	    			if(data !=null){
		        		for (var key in data.item){
		        			//alert(data.item[key]);
		        			$("#"+key).val(data.item[key]);
						}
					}
	        	});
	    	}
	    	
	    	function organizationAdding(){
				var data = $("#orgEditForm").serialize();
				$.post("${pageContext.request.contextPath}/organization/orgAdd.action",data,function(res){
					var re = eval("("+res+")");
					if(re.success){
						alert("提交成功！");
						$("#orgCompany").val();
						$("#orgCompanyId").val();
						$("#orgDepartment").val();
						$("#orgDepartmentId").val();
						$("#orgOffice").val();
						$("#orgOfficeId").val();
						$("#orgGroup").val();
						$("#orgGroupId").val();
					}else{
						if(re.isExist){
							alert("用户名已存在，请重新输入!");
						}
					};
				});
			}
			function selectOrgCompany(){
				$("#orgCompany").val($('#orgCompanySelect option:selected').text());
				$("#orgCompanyId").val($('#orgCompanySelect').val());
				initDepartment();
			}
			function selectOrgDepartment(){
				console.log("orgDepartmentId : " + $('#orgDepartmentSelect').val());
				$("#orgDepartment").val($('#orgDepartmentSelect option:selected').text());
				$("#orgDepartmentId").val($('#orgDepartmentSelect').val());
				initOffice();
			}
			function selectOrgOffice(){
				$("#orgOffice").val($('#orgOfficeSelect option:selected').text());
				$("#orgOfficeId").val($('#orgOfficeSelect').val());
				initGroup();
			}
			function selectOrgGroup(){
				$("#orgGroup").val($('#orgGroupSelect option:selected').text());
				$("#orgGroupId").val($('#orgGroupSelect').val());
				
			}
			function initCompany(){
				$("#orgCompanySelect").empty();
				$("#orgCompanySelect").append( "<option value=\""+"\">"+"</option>" );
				$.post("${pageContext.request.contextPath}/organization/orgGetCompany.action",null,function(data){
					//var data = eval("("+data+")");
					if(data !=null){
        				data = $.parseJSON(data); 
						$(data.rows).each(function(n,Row){
							console.log(Row.orgCompany + " - " + Row.orgCompanyId);
							$("#orgCompanySelect").append( "<option value=\""+ Row.orgCompanyId +"\">"+ Row.orgCompany +"</option>" );
		             		//$("#item3Id").append( "<option value=\""+ Row.level3Code +"\">"+ Row.level3Name +"</option>" );
					    })
					}else{
						if(re.isExist){
							alert("数据加载失败。。。");
						}
					};
				});
			}
			function initDepartment(){
				$("#orgDepartmentSelect").empty();
				var company = $('#orgCompanySelect option:selected').text();
				var companyId = $('#orgCompanySelect option:selected').val();
				$("#orgDepartmentSelect").append( "<option value=\""+"\">"+"</option>" );
				$.post("${pageContext.request.contextPath}/organization/orgGetDepartment.action",{companyName:company,companyId:companyId},function(data){
					//var data = eval("("+data+")");
					if(data !=null){
        				data = $.parseJSON(data); 
						$(data.rows).each(function(n,Row){
							console.log(Row.orgCompany + " - " + Row.orgCompanyId);
							$("#orgDepartmentSelect").append( "<option value=\""+ Row.orgDepartmentId +"\">"+ Row.orgDepartment +"</option>" );
		             		//$("#item3Id").append( "<option value=\""+ Row.level3Code +"\">"+ Row.level3Name +"</option>" );
					    })
					}else{
						if(re.isExist){
							alert("数据加载失败。。。");
						}
					};
				});
			}
			function initOffice(){
				$("#orgOfficeSelect").empty();
				var company = $('#orgCompanySelect option:selected').text();
				var companyId = $('#orgCompanySelect option:selected').val();
				var department = $('#orgDepartmentSelect option:selected').text();
				var departmentId = $('#orgDepartmentSelect option:selected').val();
				$("#orgOfficeSelect").append( "<option value=\""+"\">"+"</option>" );
				$.post("${pageContext.request.contextPath}/organization/orgGetOffice.action",{companyName:company,companyId:companyId,departmentName:department,departmentId:departmentId},function(data){
					//var data = eval("("+data+")");
					if(data !=null){
        				data = $.parseJSON(data); 
						$(data.rows).each(function(n,Row){
							console.log(Row.orgCompany + " - " + Row.orgCompanyId);
							$("#orgOfficeSelect").append( "<option value=\""+ Row.orgOfficeId +"\">"+ Row.orgOffice +"</option>" );
		             		//$("#item3Id").append( "<option value=\""+ Row.level3Code +"\">"+ Row.level3Name +"</option>" );
					    })
					}else{
						if(re.isExist){
							alert("数据加载失败。。。");
						}
					};
				});
			}
			function initGroup(){
				$("#orgGroupSelect").empty();
				var company = $('#orgCompanySelect option:selected').text();
				var companyId = $('#orgCompanySelect option:selected').val();
				var department = $('#orgDepartmentSelect option:selected').text();
				var departmentId = $('#orgDepartmentSelect option:selected').val();
				var office = $('#orgOfficeSelect option:selected').text();
				var officeId = $('#orgOfficeSelect option:selected').val();
				$("#orgGroupSelect").append( "<option value=\""+"\">"+"</option>" );
				$.post("${pageContext.request.contextPath}/organization/orgGetGroup.action",{companyName:company,companyId:companyId,departmentName:department,departmentId:departmentId,officeName:office,officeId:officeId},function(data){
					//var data = eval("("+data+")");
					if(data !=null){
        				data = $.parseJSON(data); 
						$(data.rows).each(function(n,Row){
							console.log(Row.orgCompany + " - " + Row.orgCompanyId);
							$("#orgGroupSelect").append( "<option value=\""+ Row.orgGroupId +"\">"+ Row.orgGroup +"</option>" );
		             		//$("#item3Id").append( "<option value=\""+ Row.level3Code +"\">"+ Row.level3Name +"</option>" );
					    })
					}else{
						if(re.isExist){
							alert("数据加载失败。。。");
						}
					};
				});
			}
			initCompany();
	    </script>
	</body>
</html>